<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/views/staticContent/categories/menuCategories.xhtml">
    
    <ui:define name="metaTitle">
         <title>#{staticContextMessages.waiterMetaTitle}</title>
      </ui:define>
      <ui:define name="metaDescription">
            <meta name="Description" content="#{staticContextMessages.waiterMetaDescription}"></meta>
      </ui:define>
      <ui:define name="metaKeywords">
            <meta name="Keywords" content="#{staticContextMessages.waiterMetaKeyWord1},#{staticContextMessages.waiterMetaKeyWord2},#{staticContextMessages.waiterMetaKeyWord3},#{staticContextMessages.waiterMetaKeyWord4},#{staticContextMessages.waiterMetaKeyWord5},#{staticContextMessages.waiterMetaKeyWord6},#{staticContextMessages.waiterMetaKeyWord7},#{staticContextMessages.waiterMetaKeyWord8},#{staticContextMessages.waiterMetaKeyWord9},#{staticContextMessages.waiterMetaKeyWord10},#{staticContextMessages.waiterMetaKeyWord11},#{staticContextMessages.waiterMetaKeyWord12},#{staticContextMessages.waiterMetaKeyWord13},#{staticContextMessages.waiterMetaKeyWord14},#{staticContextMessages.waiterMetaKeyWord15},#{staticContextMessages.waiterMetaKeyWord16},#{staticContextMessages.waiterMetaKeyWord17}"></meta>
       </ui:define>
    
    
    <ui:define name="descriptionContent">
        <h1 class="stepTextTitle titleText upperCase titleFont colorGrey">#{staticContextMessages.waiterHeader1}</h1>
                 <div class="noBorder noMargin noPadding">
                     <div style="width: 49%" class=" noBorder noMargin noPadding inlineBlock verticalAlignTop ">
                         <h:outputText styleClass="fontSize100percent block" value="#{staticContextMessages.waiterMessage1}"></h:outputText>
                         <p:commandButton style="text-align:center;border:solid 1px;padding: 0px;" styleClass=' marginTop10 redBackgroundStrong registerLandingButton noSmartphone' process="@this" onclick="PF('registerDialog').show()" value="Encontrar empleo"></p:commandButton>
                         <p:commandButton style="text-align:center;border:solid 1px;padding: 0px;" styleClass=' marginTop10 redBackgroundStrong registerLandingButton displayNone smartphone' process="@this" action="/views/smartphone/Register?faces-redirect=true" value="Encontrar empleo"></p:commandButton>
                    </div>
                     <div style="width: 49%" class=" noBorder noMargin noPadding inlineBlock verticalAlignTop ">
                        <h:outputText styleClass="fontSize100percent block" value="#{staticContextMessages.waiterMessage2}"></h:outputText>
                        <p:commandButton style="text-align:center;border:solid 1px;padding: 0px;" styleClass='marginTop10 blueBackgroundStrong registerLandingButton' process="@parent" action="/index?faces-redirect=true" value="¿Cómo funciona?"></p:commandButton>
                    </div>
                     
                 </div>
                 <h2  class="stepTextTitle subTitleText marginTop20 upperCase titleFont colorGrey">#{staticContextMessages.waiterHeader2}</h2>
                 <div class="textAlignJustify marginTop10">
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage3}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage4}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage5}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage6}</strong>
                    <h:outputText styleClass="contentText "  value="#{staticContextMessages.waiterMessage7}"></h:outputText>
                 </div>
                <div class="textAlignJustify marginTop10">
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage8}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage9}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage10}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage11}</strong>
                </div>
                <div class="textAlignJustify marginTop10">
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage12}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage13}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage14}"></h:outputText>
                </div>
                 <h2  class="stepTextTitle marginTop20 subTitleText upperCase titleFont colorGrey">#{staticContextMessages.waiterHeader3}</h2>
                 <h:outputText styleClass="contentText block textAlignJustify marginTop10" value="#{staticContextMessages.waiterMessage15}"></h:outputText>
                 <div class="textAlignJustify marginTop10">
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage16}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage17}</strong>
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage18}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage19}</strong>
                 </div>
                <div class="textAlignJustify marginTop10">
                    <h:outputText styleClass="contentText"  value="#{staticContextMessages.waiterMessage20}"></h:outputText>
                    <strong>#{staticContextMessages.waiterMessage21}</strong>
                </div>
                 <div style="margin-top: 20px;margin-bottom: 20px;" class="whiteBackground inlineBlock">
                    <p:commandButton style="text-align:center;border:solid 1px;margin:0px;padding: 0px;float: left;" styleClass='redBackgroundStrong registerLandingButton floatLeft noSmartphone' process="@this" onclick="PF('registerDialog').show()" value="Resgístrate"></p:commandButton>
                    <p:commandButton style="text-align:center;border:solid 1px;margin:0px;padding: 0px;float: left;" styleClass=' redBackgroundStrong registerLandingButton floatLeft displayNone smartphone' process="@this" action="/views/smartphone/Register?faces-redirect=true" value="Resgístrate"></p:commandButton>
                 </div>
    </ui:define>

</ui:composition>
</html>